<!DOCTYPE html>
<html {{ HTML_ATTRS }}>
<head {{ HEAD_ATTRS }}>
  {{ HEAD }}
  <style>
    #home-loading-box {
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-color: rgb(224, 245, 254);
      display: flex;
      justify-content: center;
      align-items: center;
      z-index: 10000;
      flex-direction: column;
    }
    #home-loading-box > .domain {
      font-size: 40px;
      color: rgb(189, 190, 190);
      margin: 0;
      position: relative;
      top: 10px;
    }
    #home-loading-box .home-loading-iframe {
      overflow: hidden;
      border: none;
    }
  </style>
</head>
<body {{ BODY_ATTRS }}>
<div id="home-loading-box">
  <iframe class="home-loading-iframe" src="/loading.svg" width="200" height="200"></iframe>
  <p class="domain">wangyabin.top</p>
</div>
{{ APP }}
</body>
</html>
